<template>
<a-config-provider :locale="zh_CN">
  <div style="position: fixed;width:100%">
     <vue-particles style="position: fixed;
    width: 100%;
    height: 100%;" color="#fff" :particleOpacity="0.7" :particlesNumber="60" shapeType="circle" :particleSize="4" linesColor="#fff" :linesWidth="1" :lineLinked="true" :lineOpacity="0.4" :linesDistance="150" :moveSpeed="2" :hoverEffect="true" hoverMode="grab" :clickEffect="true" clickMode="push" class="lizi">
		</vue-particles>
    <Header></Header>
    <router-view :style="{ height: Height + 'px' }" class="content"></router-view>
  </div>
  </a-config-provider>
</template>
<script>
import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
import '../../assets/css/index.css';
import Header from '../../components/header/indextheader';
export default {
  name: 'index',
  data() {
    return {
      zh_CN,
      Height: 500,
    };
  },
  components: {
    Header,
  },
  mounted() {
    let height = window.innerHeight - 92;
    this.Height = height;
  }
};
</script>
<style >
</style>
